<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <script>

        // *
        // **
        // ***
        // ****

        // 自己手敲这个形状   ---- 一直在打印星号+换行   ---- 重复的做 打印星号+换行


        // 打印几行就表示  (打印星号+换行) 这个事情重复了多少次



        // 外层循环控制行数
        for(var i = 0 ; i < 4 ; i++) {    // 控制重复的打印星号+换行
            
            // document.write('*') ;  // 需要打印多个  --- 在重复的打印星号

            // j 控制的是打印的星星的个数
            for(var j = 0 ; j <= i ; j++) {   // 星号的个数跟行数是一样的
                document.write('*') ; 
            }

            document.write('<br>') ;  // 每一行只需要一个换行
        }





        // 1 * 1 = 1                                       

        // 1 * 2 = 2   2 * 2 = 4   

        // 1 * 3 = 3   2 * 3 = 6  3 * 3 = 9 


        // 外层循环走一下 ，内层循环走一圈(永远从头开始)


        // 外层循环控制行数
        for(var i = 1 ; i < 10 ; i++) {

            for(var j = 1 ; j <= i ; j++) {
                document.write(j + '*' + i + '=' + i * j + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;') ;
            }

            document.write('<br>') ;
        }





        // i = 1 
        //     j = 1 
        //       1 * 1 
        //     j = 2  结束
        
        // i = 2 
        //     j = 1 

        //     j = 2

        //     j = 3  结束 

        //     1 * 2   2 * 2    在第二轮中  i 始终是2   

       




    </script>
    
</body>
</html>